//gruop class takes care of issues that happen whenw you float items
//sometimes the containers of the float donot understand the height they contain and this is a fix for that
.group:before, .group:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.group:after { clear: both; }  
.group { zoom: 1; }  

body {
    font: normal 100% "lucida grande",tahoma,verdana,arial,sans-serif;
}

p {
	font-size: .8em;
}

#sidebar {
  width: 30%;
  float: right;
}

#main {
  width: 70%;
  float: left;
}